<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Some Template Title</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="styles.css" rel="stylesheet" type="text/css" />
    <link href="datepicker.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="jquery/cufon-yui.js"></script>
    <script type="text/javascript" src="jquery/Book_Antiqua_400.font.js"></script>
    <script type="text/javascript" src="js/datepicker.js"></script>
   
    <script type="text/javascript">
    	Cufon.replace ('h1')('h3')('.top_span_48')('.top_span_36')('.but1')('.antiqua');
    </script>
</head>
<body>
<div id="bg_top">
	<div id="login">
	 	<form action="" method="post">
		 	<table>
				<tr>
					<td><a class="lg_button" href="#" >Login</td>
					<td><a class="lg_button" href="#">Register</a></td>
				</tr>	 
		 	</table>
		</form>
	</div>
	<div id="main">
    	<!-- header begins -->
		<div id="header">
			<div id="top">
				<span style="padding-left: 64px" class="top_span_48 uppercase">Need Help?</span><br />
				<span style="padding-left: 158px" class="top_span_36">We Know What To Do!</span><br />
				<span style="padding-left: 230px" class="top_span_36 uppercase">Let</span> <span class="top_span_48 uppercase">Us</span> <br />
				<span style="padding-left: 330px" class="top_span_36">Solve</span>  <span class="top_span_48 uppercase">Your</span> <span class="top_span_48">Problems!</span>
			</div>
			
			<div id="buttons">
				<div class="but1 but_size"><a href="#" class="my_but1"  title="">Home</a></div>
				<div class="but_razd"></div>
				<div class="but1 but_size"><a href="#" class="my_but2" title="">New</a></div>
				<div class="but_razd"></div>
				<div class="but1 but_size"><a href="#"  class="my_but3" title="">Services</a></div>
				<div class="but_razd"></div>
				<div class="but1 but_size"><a href="#"  class="my_but4" title="">About&nbsp;us</a></div>
				<div class="but_razd"></div>
				<div class="but1 but_size"><a href="#" class="my_but5" title="">Contact&nbsp;us</a></div>
			</div>
		</div>
    <!-- header ends -->
		<div id="content" >
			<div class="content_bg" >
				<!--Phan register-->
				<div class="content_bg_bott" >
					<div class="cbb_login">
						<h1>Quick Login</h1>
						<table cellpadding="5" class="table_login">
							<tr>
								<td>Username</td>
								<td><input type='text' name="login_username" id="login_username" class="control_input" onclick="displayDatePicker('login_username', this);"/></td>
							</tr>
							<tr>
								<td>Password</td>
								<td><input type="password" name="login_pass" id="login_pass" class="control_input"/></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td><input type="checkbox" name="remember" id="remeber"/>&nbsp;&nbsp;Duy trì trạng thái đăng nhập</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td align="left">
									<input type="submit" class="button_user"  value="Login"/><a href="#">Forgot password</a>
								</td>
							</tr>
						</table>
					</div>
					<div class="cbb_register">
						<h1>Register</h1>
						<table cellpadding="5" class="table_register" width="100%">
							<tr>
								<td>Username</td>
								<td><input type="text" name="username" id="username" class="control_input" /></td>
							</tr>
							<tr>
								<td>Password</td>
								<td><input type="text" name="password" id="password" class="control_input"/></td>
							</tr>
							<tr>
								<td>Re-Password</td>
								<td><input type="text" name="re-password" id="re-password" class="control_input"/></td>
							</tr><tr>
								<td>Email</td>
								<td><input type="text" name="email" id="email" class="control_input"/></td>
							</tr>
							<tr>
								<td>Phone</td>
								<td><input type="text" name="phone" id="phone" class="control_input"/></td>
							</tr>
							<tr>
								<td>Address</td>
								<td><input type="text" name="address" id="address" class="control_input"/></td>
							</tr><tr>
								<td>State</td>
								<td><input type="text" name="state" id="state" class="control_input"/></td>
							</tr>
							<tr>
								<td colspan="2" align="left">
									<input type="checkbox" name="received" id="received" />
									&nbsp;&nbsp;<span>Tôi đã đọc và đồng ý với các điều khoản của Website.</span>
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td align="left">
									<input type="submit" class="button_user"  value="Register"/>
								</td>
							</tr>
						</table>
					</div>
					<div class="clear"></div>
				</div>
			</div>
      	<div class="content_bg" >
			<!--End register-->
         <div class="content_bg_bott" >
             <div id="left">
                 <h1>Company News</h1>
                 <span class="span_lh">
                     <span class="span_data">Apr. 10, 2012</span><br />
                     <strong>Duis a molestie massa.</strong><br />
                     Nullam imperdiet vulputate volutpat. Nunc consectetur mattis accumsan. Etiam adipiscing leo in risus semper ac lacinia</span>
                     <div class="read_more"><a href="#">read more...</a></div>
                 
                 <span class="span_lh">
                     <span class="span_data">Apr. 10, 2012</span><br />
                     <strong>Duis a molestie massa.</strong><br />
                     Nullam imperdiet vulputate volutpat. Nunc consectetur mattis accumsan. Etiam adipiscing leo in risus semper ac lacinia</span>
                     <div class="read_more"><a href="#">read more...</a></div>
                  </div>
             <div id="right">
                 <h1>Some Company Title Here</h1>
                 <img src="images/phot1.jpg" class=" phot" alt="" />
                 <span class="span_lh"><strong>Nrisus semper ac lacinia quam mamassa.</strong><br />
                     Nullam imperdiet vulputate volutpat. Nunc consectetur mattis accumsan. Etiam adipiscing leo in risus semper ac lacinia quam malesuada.<br /><br />
                     Quisque in elit justo. Suspendisse sit amet ante dolor. Nulla elementum, orci adipiscing tristique fermentum, lectus tellus auctor odio, sit amet <br /><br /><br />
                 </span>
                 <img src="images/phot2.jpg" class=" phot" alt="" />
                 
                 <span class="span_lh"><strong>Suspendisse sit amet ante dolorac lacinia</strong><br />
                     Nullam imperdiet vulputate volutpat. Nunc consectetur mattis accumsan. Etiam adipiscing leo in risus semper ac lacinia quam malesuada. <br /><br />
                     Quisque in elit justo. Suspendisse sit amet ante dolor. Nulla elementum, orci adipiscing tristique fermentum, lectus tellus auctor odio, sit amet  
                 </span>
                 
             </div>
             <div class="clear"></div>
         </div>
        </div>
        <div class="clear"></div>
        <div class="row_bott">
        	<h1>Curabitur viverra blandit</h1>
            <span class="span_lh">Mauris tortor tortor, rutrum in lacinia ac, consequat quis nisi. Vestibulum non tortor magna, auctor faucibus tellus. Sed at viverra ligula.
 				Maecenas sit amet odio at lorem ultrices varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque nisi ipsum, tincidunt at </span>
        </div>
    </div>
</div>
<div id="bg_bottom">
	<div id="bottom">
        <div class="bottom_box1">
        	<h3>Quick Links</h3>
            <ul class="bottom_ul">
                <li><a href="#">interdum</a></li>
                <li><a href="#">pulvinar</a></li>
                <li><a href="#">adipiscing</a></li>
                <li><a href="#">vestibulum</a></li>
                <li><a href="#">tempus</a></li>
                <li><a href="#">euismod </a></li>
            </ul>
        </div>
        <div class="bottom_box2">
        	<h3>Recent Projects</h3>
            <span class="span_lh">
            Mauris tortor tortor, rutrum in lacinia ac, consequat quis nisi. Vestibulum non tortor magna, auctor faucibus tellus. Sed at viverra ligula. Maecenas sit amet odio at lorem ultrices varius.<br /><br />
			Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque nisi ipsum, tincidunt at egestas id, sodales et mi.
            </span>
        </div>
        
        <div class="bottom_box3">
            <div class="ul_img_text">
            	<h3>Recent Projects</h3>
                <div class="ul_img_link ul_img_link1"><a href="#">Subscribe to Blog</a></div>
                <div class="ul_img_link ul_img_link2"><a href="#">Be a fan on Facebook</a></div>
                <div class="ul_img_link ul_img_link3"><a href="#">RSS Feed</a></div>
                <div class="ul_img_link ul_img_link4"><a href="#">Follow us on Twitter</a></div>
            </div>
        </div>
    </div>
    <div id="footer">
            <p>Copyright  2012. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
            <p><!-- Do not remove --><a href="http://www.metamorphozis.com" title="Website Design">Website Design</a> by <a href="http://www.libdesigner.com/2012/03/26/25-awesome-grass-textures-for-your-nature-projects/" title="Awesome Grass Textures">Awesome Grass Textures</a><!-- end --></p>
        </div>
    </div>
</div>
</body>
</html>